import { PureComponent } from 'react'
import SingleTable from 'components/table/index'
import { Select, Button } from 'antd'
import styles from './contractList.less'
const { Option } = Select
export default class ContractList extends PureComponent {
    render(){
        const dataList = []
        const columns = [
        {
            key: 'gmtCreate',
            title: '货架编号',
            dataIndex: 'gmtCreate',
            align: 'center',
        },
        {
            key: 'operationTypeName',
            title: '应存放货物数量',
            dataIndex: 'operationTypeName',
            align: 'center',
        },
        {
            key: 'creatorName',
            title: '现存放货物数量',
            dataIndex: 'creatorName',
            align: 'center',
        },
        {
            key: '4',
            title: '是否合包',
            dataIndex: 'creatorName',
            align: 'center',
        },
        ]
        return(
            <div className={styles.contractList}>
                <div className={styles.contractListBox}>
                    <h2>合包货架列表</h2>
                </div>
                <div className={styles.contractListSearch}>
                    <div className={styles.contractListSin}>
                        <span className={styles.contractListSpan}>仓库名称：</span>
                        <Select className={styles.contractListInput}>
                            <Option value="value">Luky</Option>
                        </Select>
                    </div>
                    <div className={styles.contractListSin} style={{marginLeft: '28px'}}>
                        <span className={styles.contractListSpan}>货架编号：</span>
                        <Select className={styles.contractListInput}>
                            <Option value="value">Luky</Option>
                        </Select>
                    </div>
                </div>
                <div className={styles.contractListButton}>
                    <Button type="primary" icon="search">查询</Button>
                    <Button icon="import" style={{marginLeft: '24px'}}>导出合包单</Button>

                </div>
                <div className={styles.contractListTable}>
                   <SingleTable
                    data={{ list: dataList }}
                    columns={columns}
                    
                    />
                </div>
            </div>
        )
    }
}